<?php
$bullethead = "<div style='font-family:Cambria,Arial,Helvetica,sans-serif; font-size:16px;'><br><br><b>Key Memories&trade; Professional Services Remembrance Items:</b></div><br><div style='font-family:Cambria,Arial,Helvetica,sans-serif; font-size:16px;' >";
$bulletfoot = "<br><b>Video Tribute</b> - Complete custom video tribute utilizing up to 30 photos with your choice of musical selection.<br><br></div><br><div style='text-align:center; font-family:Cambria,Arial,Helvetica,sans-serif; font-size:10px;'><a href='#' onClick='window.close()'>Close this window</a></div><br>";
$tribute_codes = array_keys($this->tributes);
$bullet_point_array = $this->bullet_points;
  $bbps = $bullet_point_array["Basic Memorial Tribute"];
  $bbullets = "<ul>";
  if(null != $bbps)
  {
  foreach($bbps as $bp)
  {
  	$bbullets .= "<li>$bp</li>";
  }
  }
  $bbullets .= "</ul>";

  $sbps = $bullet_point_array["Select Memorial Tribute"];
  $sbullets = "<ul>";
  if(null != $sbps)
  {
  foreach($sbps as $bp)
  {
  	$sbullets .= "<li>$bp</li>";
  }
  }
  $sbullets .= "</ul>";

  $tbps = $bullet_point_array["Traditional Memorial Tribute"];
  $tbullets = "<ul>";
  if(null != $tbps)
  {
  foreach($tbps as $bp)
  {
  	$tbullets .= "<li>$bp</li>";
  }
  }
  $tbullets .= "</ul>";
 ?>
 <!-- <? print_r($this->tributes); ?> -->
 
<script type="text/javascript">
	var bbullets = "<?php echo $bullethead.$bbullets.$bulletfoot?>";
	var sbullets = "<?php echo $bullethead.$sbullets.$bulletfoot?>";
	var tbullets = "<?php echo $bullethead.$tbullets.$bulletfoot?>";
</script>

<div class="standard"><br><br>
<input type="hidden" name="tribute" id="tribute" value="">

<script type="text/javascript">
	dojo.require("dijit.form.Button");
	dojo.require("dojo.parser");  
	function tradbuttonstart(){
		var hiddenfield = document.getElementById('tribute');
		var tradbtn = document.getElementById('trad_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[2] ?>";
		tradbtn.style.backgroundImage = 'url(../art/vas_tmt_active.jpg)';
		document.getElementById('select_mtrib').style.backgroundImage = 'url(../art/vas_smt_idle.jpg)';
		document.getElementById('basic_mtrib').style.backgroundImage = 'url(../art/vas_bmt_idle.jpg)';
		//document.getElementById('bas_details').style.display = 'none';
		//document.getElementById('sel_details').style.display = 'none';
		//document.getElementById('trad_details').style.display = '';
	};
	function tradbuttonclicked(){
		//openTributePointsWindow('traditional',tbullets);
		var hiddenfield = document.getElementById('tribute');
		var tradbtn = document.getElementById('trad_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[2] ?>";
		tradbtn.style.backgroundImage = 'url(../art/vas_tmt_active.jpg)';
		document.getElementById('select_mtrib').style.backgroundImage = 'url(../art/vas_smt_idle.jpg)';
		document.getElementById('basic_mtrib').style.backgroundImage = 'url(../art/vas_bmt_idle.jpg)';
		//document.getElementById('bas_details').style.display = 'none';
		//document.getElementById('sel_details').style.display = 'none';
		//document.getElementById('trad_details').style.display = '';
	};
	function tradbuttonchoose(){
		var hiddenfield = document.getElementById('tribute');
		var tradbtn = document.getElementById('trad_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[2] ?>";
		tradbtn.style.backgroundImage = 'url(../art/vas_tmt_active.jpg)';
		document.getElementById('select_mtrib').style.backgroundImage = 'url(../art/vas_smt_idle.jpg)';
		document.getElementById('basic_mtrib').style.backgroundImage = 'url(../art/vas_bmt_idle.jpg)';
	};
	function selbuttonclicked(){
		//openTributePointsWindow('select',sbullets);
		var hiddenfield = document.getElementById('tribute');
		var selbtn = document.getElementById('select_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[1] ?>";
		selbtn.style.backgroundImage = 'url(../art/vas_smt_active.jpg)';
		document.getElementById('trad_mtrib').style.backgroundImage = 'url(../art/vas_tmt_idle.jpg)';
		document.getElementById('basic_mtrib').style.backgroundImage = 'url(../art/vas_bmt_idle.jpg)';
		//document.getElementById('bas_details').style.display = 'none';
		//document.getElementById('sel_details').style.display = '';
		//document.getElementById('trad_details').style.display = 'none';
	};
	function selbuttonchoose(){
		var hiddenfield = document.getElementById('tribute');
		var selbtn = document.getElementById('select_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[1] ?>";
		selbtn.style.backgroundImage = 'url(../art/vas_smt_active.jpg)';
		document.getElementById('trad_mtrib').style.backgroundImage = 'url(../art/vas_tmt_idle.jpg)';
		document.getElementById('basic_mtrib').style.backgroundImage = 'url(../art/vas_bmt_idle.jpg)';
	};
	function basbuttonclicked(){
		//openTributePointsWindow('basic',bbullets);
		var hiddenfield = document.getElementById('tribute');
		var basbtn = document.getElementById('basic_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[0] ?>";
		basbtn.style.backgroundImage = 'url(../art/vas_bmt_active.jpg)';
		document.getElementById('trad_mtrib').style.backgroundImage = 'url(../art/vas_tmt_idle.jpg)';
		document.getElementById('select_mtrib').style.backgroundImage = 'url(../art/vas_smt_idle.jpg)';
		//document.getElementById('bas_details').style.display = '';
		//document.getElementById('sel_details').style.display = 'none';
		//document.getElementById('trad_details').style.display = 'none';
	};
	function basbuttonchoose(){
		var hiddenfield = document.getElementById('tribute');
		var basbtn = document.getElementById('basic_mtrib');
		hiddenfield.value = "<?php echo $tribute_codes[0] ?>";
		basbtn.style.backgroundImage = 'url(../art/vas_bmt_active.jpg)';
		document.getElementById('trad_mtrib').style.backgroundImage = 'url(../art/vas_tmt_idle.jpg)';
		document.getElementById('select_mtrib').style.backgroundImage = 'url(../art/vas_smt_idle.jpg)';
	};
	//window.onload = tradbuttonclicked;
</script>

<!-- <div style="float:right; text-align: left; width: 470px; margin:0px 30px; font-size:14px; line-height:18px;">
Key Memories includes Professional Services with three levels of tributes, so that you may select the one 
that is most appropriate for your family's customs, traditions, and budget.<br>
</div>
<img src="../art/vas_mt_hdr.jpg" style="margin-left: 28px;"> -->

<img src="../art/memorial_tributes_details.jpg">

<br clear="right">
<br><br>

<div id="vascenter">
	<div id="vascenterbox">
		<button id="trad_mtrib" dojotype="dijit.form.ToggleButton" onClick="document.getElementById('trad_details').style.display='block';document.getElementById('fade').style.display='block';tradbuttonclicked();return false" iconClass="dijitRadioIcon" name="tchoice" value=""></button>
		<!-- <button id="trad_mtrib" dojotype="dijit.form.ToggleButton" onChange="console.log('toggled burial button checked='+arguments[0]); tradbuttonclicked()" iconClass="dijitRadioIcon" name="tchoice" value=""></button> -->
		<br><br><button id="choose_trad" onClick="tradbuttonchoose();return false" name="choose_trad" class="choose_button"></button>
	</div>
&nbsp;&nbsp;&nbsp;
	<div id="vascenterbox">
		<button id="select_mtrib" dojotype="dijit.form.ToggleButton" onClick="document.getElementById('sel_details').style.display='block';document.getElementById('fade').style.display='block';selbuttonclicked();return false" iconClass="dijitRadioIcon" name="schoice" value=""></button>
		<!-- <button id="select_mtrib" dojotype="dijit.form.ToggleButton" onChange="console.log('toggled burial button checked='+arguments[0]); selbuttonclicked()" iconClass="dijitRadioIcon" name="schoice" value=""></button> -->
		<br><br><button id="choose_select" onClick="selbuttonchoose();return false" name="choose_select" class="choose_button"></button>
	</div>
&nbsp;&nbsp;&nbsp;
	<div id="vascenterbox">
		<button id="basic_mtrib" dojotype="dijit.form.ToggleButton" onClick="document.getElementById('bas_details').style.display='block';document.getElementById('fade').style.display='block';basbuttonclicked();return false" iconClass="dijitRadioIcon" name="bchoice" value=""></button>
		<!-- <button id="basic_mtrib" dojotype="dijit.form.ToggleButton" onChange="console.log('toggled burial button checked='+arguments[0]); basbuttonclicked()" iconClass="dijitRadioIcon" name="bchoice" value=""></button> -->
		<br><br><button id="choose_basic" onClick="basbuttonchoose();return false" name="choose_basic" class="choose_button"></button>
	</div>
<br><br clear="all">
</div>

<br>

<div id="trad_details" class="white_content">
<a href="javascript:void(0)" onclick="document.getElementById('trad_details').style.display='none';document.getElementById('fade').style.display='none'"><img src="../art/btn_close_lb.gif" style="float:right;" border="0"></a>
<br clear="all"><br>
<div style="float:left;"><img src="../art/img_tmt_lb.jpg"></div>
<div style="float:left; width:60%; margin-left:10px;">
<b>Key Memories&trade; Professional Services Remembrance Items:</b>
<!--
	<ul>
	<li>Key Memories Collection Book</li>
	<li>Up to 200 Tri-fold Memorial Folders (Includes up to 7 photos)</li>
	<li>Up to 100 Thank You Cards (Personalized)</li>
	<li>Up to 200 Full Color Bookmarks with �Seeds of Hope� (Personalized, photo included)</li>
	<li>On-line Obituary</li>
	<li>Cremation Fee</li>
	<li>Key Memories Framed Portrait</li>
	<li>Balloon Release (Includes up to 25 biodegradable balloons)</li>
	</ul>
	-->
<?php echo $tbullets?>

<b>Video Tribute</b> - Complete custom video tribute utilizing up to 30 photos with your choice of musical selection.<br clear="all">
</div>
</div>

<div id="sel_details" class="white_content">
<a href="javascript:void(0)" onclick="document.getElementById('sel_details').style.display='none';document.getElementById('fade').style.display='none'"><img src="../art/btn_close_lb.gif" style="float:right;" border="0"></a>
<br clear="all"><br>
<div style="float:left;"><img src="../art/img_smt_lb.jpg"></div>
<div style="float:left; width:60%; margin-left:10px;">
<b>Key Memories&trade; Professional Services Remembrance Items:</b>
<!--
	<ul>
	<li>Key Memories Collection Book</li>
	<li>Up to 150 Large Bi-fold Memorial Folders (Includes up to 5 photos)</li>
	<li>Up to 75 Thank You Cards (Personalized)</li>
	<li>Up to 100 Full Color Bookmarks with �Seeds of Hope� (Personalized)</li>
	<li>On-line Obituary</li>
	<li>Cremation Fee</li>
	<li>Balloon Release (Includes up to 20 biodegradable balloons)</li>
	</ul>
	-->
<?php echo $sbullets?>

<b>Video Tribute</b> - Complete custom video tribute utilizing up to 30 photos with your choice of musical selection.<br clear="all">
</div>
</div>

<div id="bas_details" class="white_content">
<a href="javascript:void(0)" onclick="document.getElementById('bas_details').style.display='none';document.getElementById('fade').style.display='none'"><img src="../art/btn_close_lb.gif" style="float:right;" border="0"></a>
<br clear="all"><br>
<div style="float:left;"><img src="../art/img_bmt_lb.jpg"></div>
<div style="float:left; width:60%; margin-left:10px;">
<b>Key Memories&trade; Professional Services Remembrance Items:</b>
<!--
	<ul>
	<li>Key Memories Collection Book</li>
	<li>Up to 150 Basic Memorial Folders (No photo)</li>
	<li>Up to 50 Thank You Cards (Not Personalized)</li>
	<li>Up to 100 Basic Bookmarks with �Seeds of Hope� (Not Personalized)</li>
	<li>Balloon Release (Includes up to 10 biodegradable balloons)</li>
	<li>On-line Obituary</li>
	<li>Cremation Fee</li>
	</ul>
	-->
<?php echo $bbullets?>

<b>Video Tribute</b> - Complete custom video tribute utilizing up to 30 photos with your choice of musical selection.<br clear="all">
</div>
</div>

<br>
<h4 style="text-align:right; padding-right:20px;"><a href="/index/vasalacarte">No tribute selected, purchase other offerings</a></h4>
</div>

<div id="fade" class="black_overlay"></div>

